html {
	background-color: #EEEEEE;
	height: 100%;
}
/* group page */
#banner{
    width: 100%; height: 180px; overflow: hidden; position: relative;
}
#banner img{
    width: 100%; height: 100%;
}

/* detail page */
.group-detail-info {
	border-bottom: 1px solid #d7d7d7;
	padding: 10px 15px;
	background-color: #FFFFFF;
}
.group-detail-title {
	font-size: 18px;
	color: #202020;
}
.group-detail-data {
	margin-top: 2px;
}
.group-detail-data span {
	font-size: 13px;
	color: #666666;
}
.group-detail-label {
	color: #FC8719!important;
	border: 1px solid #FC8719;
	border-radius: 2px;
	-webkit-radius: 2px;
	padding: 1px 2px;
}

/* group intro */
.group-detail-intro {
	padding: 10px 15px;
	background-color: #FFFFFF;
}
.group-detail-intro-content {
	margin-top: 5px;
	font-size: 13px;
	color: #8e8e8e;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}

/* group captain */
.group-detail-captain {
	padding: 10px 15px;
	margin-top: 10px;
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    
    background-color: #FFFFFF;
    border-bottom: 1px solid #d7d7d7;
}
.group-detail-captain-avatar {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	border: 1px solid #000000;
	margin-right: 10px;
	min-width: 50px;
}
.group-detail-captain-info {
	margin-top: 0px;
	
}
.group-detail-captain-name {
	color: #202020;
	font-size: 20px;
}
.group-detail-captain-intro {
	font-size: 13px;
	color: #333333;
	line-height: 19px;
}
.group-detail-captain-intro span {
	color: #8e8e8e;
}

/* users list  */
.group-users-list {
	background-color: #FFFFFF;
	padding: 10px 15px;
	border-bottom: 1px solid #d7d7d7;
}
.group-users-list-header {
	font-size: 15px;
	color: #333333;
}
.group-users-list .users-list {
	margin-top: 12px;
}
.group-user-item {
	width: 38px;
	height: 38px;
	border-radius: 38px;
	-webkit-border-radius: 38px;
	display: inline-block;
	margin-right: 8px;
}

.join-group {
	padding: 15px 0px;
	background-color: #FFFFFF;
}
.btn-join-group {
	width: 150px;
	height: 36px;
	background-color: #FC8719;
	color: #FFFFFF;
	line-height: 36px;
	text-align: center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 0 auto;
}

.manage-group {
	padding: 15px 0px;
	background-color: #FFFFFF;
	text-align: center;
    
}
.btn-manage-group {
	width: 100px;
	height: 30px;
	background-color: #FC8719;
	color: #FFFFFF;
	line-height: 30px;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	display: inline-block;
	margin-left: 15px;
	margin-right: 15px;
}

/* history activities */
.group-history-activities {
	margin-top: 10px;
	background-color: #FFFFFF;
	padding: 10px 15px;
}
.group-activities-title {
	color: #333333;
	font-size: 15px;
}
.group-activity-item {
	margin-top: 10px;
}
.group-activity-item-image {
	height: 182px;
	width: 100%;
}
.group-activity-item-image  img {
	height: 182px;
	width: 100%;
	overflow: hidden;
}
.group-activity-item-name {
	margin-top: 10px;
	color: #333333;
	font-size: 15px;
}
.group-activity-item-intro {
	margin-top: 5px;
	font-size: 13px;
	color: #8e8e8e;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}

/* ing */
.group-activity-ing {
	margin-top: 10px;
	background-color: #FFFFFF;
	padding: 10px 15px;
}
.group-activity-ing-title {
	color: #333333;
	font-size: 15px;
}
.activity-ing-item {
	height: auto;
	padding:  10px 0px;

	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.activity-ing-item-logo {
	width: 82px;
	height: 82px;
	margin-right: 10px;
}
.activity-ing-item-info {
}
.activity-ing-item-title {
	color: #333333;
 	font-size: 15px;
}
.activity-ing-item-num {
	color: #a9a9a9;
	font-size: 12px;
	margin-top: 5px;
}
.activity-ing-item-date {
	margin-top: 4px;
	color: #a9a9a9;
	font-size: 13px;
}

.activity-ing-item-place {
	color: #a9a9a9;
	font-size: 13px;
	margin-top: 4px;
}




